<template>
  <div>
    <Container>
      <Goods :goodsList="goodsList" @click="gotolist"></Goods>
    </Container>
  </div>
</template>

<script>
import Vue from "vue/dist/vue.common.js";
import Container from "../../../components/container/Container"; //引入子组件（容器组件）
import Goods from "../../../components/goodsList/GoodsList"; //引入商品组件
export default {
  components: {
      Container, //容器组件
      Goods, //商品组件
  },
  data() {
      return {
        goodsList:[],//商品列表数据
      }
  },
  mounted() {
         // 商品列表数据
    this.$APIShow.shop().then(res=>{
    console.log(res.data.data);
    this.goodsList = res.data.data;
    }).catch(err=>{
      console.log(err);
    })
  }, 
};
</script>

<style lang="scss" scope>
</style>